<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML 文本与图片标签示例</title>
</head>
<body>
    <h1>一级标题（h1）</h1>
    <h2>二级标题（h2）</h2>
    <p>这是一个段落（p 标签），用于表示正文内容。</p>

    <p><b>加粗文本（b，纯样式）</b> 与 
       <strong>强调文本（strong，语义上更重要）</strong></p>

    <p><i>斜体文本（i，纯样式）</i> 与 
       <em>强调文本（em，语义上强调语气或重要性）</em></p>

    <p><u>下划线文本（u）</u> 与 
       <mark>高亮文本（mark）</mark></p>

    <p>这是一个 <a href="https://www.baidu.com">超链接（a）</a>，点击可跳转。</p>

    <p>换行示例：第一行<br>第二行（br 标签实现换行）</p>

    <hr>

    <h2>图片示例</h2>
    <img src="Bird.png" alt="飞翔的小鸟" width="200" height="150">
    <p>上面使用 <code>&lt;img&gt;</code> 标签插入了一张图片。</p>
</body>
</html>
